// var time = 10;
// document.body.innerText = time.toString();
// setInterval(function () {
//     if (time > 1) {
//         time--;
//         document.body.innerText = time.toString();
//     }
//     else  {
//         document.body.innerText = "GoGoGo!"       
//     }
// }, 1000);

var canvas = document.getElementById("gameCanvas") as HTMLCanvasElement;
var context = canvas.getContext("2d");
var x = 0;
var y = 50;
var a = 50;
var b = 50;
var x1 = 0;
var y1 = 0;//y-y24单个方块的y坐标
var y2 = 0;
var y3 = 0;
var y4 = 0;
var y5 = 0;
var y6 = 0;
var y7 = 0;
var y8 = 0;
var y9 = 0;
var y10 = 0;
var y11 = 0;
var y12 = 0;
var y13 = 0;
var y14 = 0;
var y15 = 0;
var y16 = 0;
var y17 = 0;
var y18 = 0;
var y19 = 0;
var y20 = 0;
var y21 = 0;
var y22 = 0;
var y23 = 0;
var y24 = 0;
var color = 'red';
var isclick = -1;
var r = false;
//r=r24为开关 控制单个方块的出现和消失
var r1 = false;
var r2 = false;
var r3 = false;
var r4 = false;
var r5 = false;
var r6 = false;
var r7 = false;
var r8 = false;
var r9 = false;
var r10 = false;
var r11 = false;
var r12 = false;
var r13 = false;
var r14 = false;
var r15 = false;
var r16 = false;
var r17 = false;
var r18 = false;
var r19 = false;
var r20 = false;
var r21 = false;
var r22 = false;
var r23 = false;
var r24 = false;
//t1-t10 “北京”从上到下一行一行显示
var t1 = false;
var t2 = false;
var t3 = false;
var t4 = false;
var t5 = false;
var t6 = false;
var t7 = false;
var t8 = false;
var t9 = false;
var t10 = false;
//t “你好”
var t = false;
//笑脸
var s1 = false;
var s2 = false;
var s3 = false;
//文字
var l1 = false;
var l2 = false;
var l3 = false;
var image = new Image();
image.src = 'background.jpg';
//main loop
function enterFrame() {
    if (!context) {
        return;
    }
    window.onclick = function () {
        isclick++;
    }
    canvas.width = canvas.height = 720;//clear
    context.drawImage(image, 0, 0)
    if (r) {
        context.rect(x, y, a, b);
        context.fillStyle = color;
        context.fill();
    }
    if (r1) {
        context.rect(0, y1, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r2) {
        context.rect(30, y2, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r3) {
        context.rect(60, y3, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r4) {
        context.rect(90, y4, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r5) {
        context.rect(120, y5, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r6) {
        context.rect(150, y6, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r7) {
        context.rect(180, y7, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r8) {
        context.rect(210, y8, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r9) {
        context.rect(240, y9, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r10) {
        context.rect(270, y10, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r11) {
        context.rect(300, y11, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r12) {
        context.rect(330, y12, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r13) {
        context.rect(360, y13, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r14) {
        context.rect(390, y14, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r15) {
        context.rect(420, y15, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r16) {
        context.rect(450, y16, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r17) {
        context.rect(480, y17, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r18) {
        context.rect(510, y18, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r19) {
        context.rect(540, y19, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r20) {
        context.rect(570, y20, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r21) {
        context.rect(600, y21, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r22) {
        context.rect(630, y22, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r23) {
        context.rect(660, y23, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    if (r24) {
        context.rect(690, y24, 30, 30);
        context.fillStyle = 'green';
        context.fill();
    }
    //t1-t10从上到下一行一行显示“北京”二字 空行前是“北”，空行后是“京”
    if (t1) {
        context.rect(120, 180, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 180, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(480, 180, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (t2) {
        context.rect(120, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(510, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (t3) {
        context.rect(120, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(270, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(390, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(420, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(450, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(480, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(510, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(540, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(570, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(600, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(630, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (t4) {
        context.rect(60, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(90, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(120, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(240, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (t5) {
        context.rect(120, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(210, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(450, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(480, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(510, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(540, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(570, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (t6) {
        context.rect(120, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(450, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(570, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (t7) {
        context.rect(120, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(450, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(480, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(510, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(540, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(570, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (t8) {
        context.rect(60, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(90, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(120, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(510, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (t9) {
        context.rect(120, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(300, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(450, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(510, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(570, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (t10) {
        context.rect(120, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(210, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(240, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(270, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(300, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(420, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(480, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(510, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(600, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (t) {
        //单人旁
        context.rect(150, 180, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(120, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(90, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(60, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(120, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(120, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(120, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(120, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(120, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(120, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(120, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        //尔
        context.rect(240, 180, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(210, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(240, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(270, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(300, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(330, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(330, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(270, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(270, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(270, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(270, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(270, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(270, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(270, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(240, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(210, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(330, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(360, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        //女
        // context.rect(540, 180, 30, 30);
        // context.fillStyle = 'blue';
        // context.fill();
        context.rect(510, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(480, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(450, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(420, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(390, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(420, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(450, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(480, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(510, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(420, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(390, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(360, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(480, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(510, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        // context.rect(540, 270, 30, 30);
        // context.fillStyle = 'blue';
        // context.fill();

        context.rect(510, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(480, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(450, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(420, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(390, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(360, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        //子
        context.rect(570, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(600, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(630, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(660, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(660, 270, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(630, 300, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(630, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(630, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(630, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(630, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(630, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(600, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();

        context.rect(600, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(570, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(660, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(540, 330, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (s1) {
        context.rect(150, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(180, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(210, 180, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(240, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(270, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (s2) {
        context.rect(390, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(420, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(450, 180, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(480, 210, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(510, 240, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (s3) {
        context.rect(240, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(270, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(300, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(330, 450, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(360, 420, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(390, 390, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
        context.rect(420, 360, 30, 30);
        context.fillStyle = 'blue';
        context.fill();
    }
    if (l1) {
        context.fillStyle = 'black';
        context.fillText("Be Happy Everyday!", 100, 100);
        context.font = "60px Arial";
    }
    if (l2) {
        context.fillStyle = 'black';
        context.fillText("Work hard Everyday!", 100, 300);
        context.font = "60px Arial";
    }
    if (l3) {
        context.fillStyle = 'black';
        context.fillText("Finish!", 100, 500);
        context.font = "60px Arial";
    }
    switch (isclick) {
        case 0:
            r = true;
            break;
        case 1:
            x++;
            break;
        case 2:
            break;
        case 3:
            y++;
            break;
        case 4:
            break;
        case 5:
            a++;
            b++;
            break;
        case 6:
            color = 'yellow';
            break;
        case 7:
            a--;
            b--;
            break;
        case 8:
            break;
        case 9:
            r = false;
            break;
        case 10:
            r1 = true;
            break;
        case 11:
            if (y1 < 690) y1++;
            break;
        case 12:
            r2 = true;
            break;
        case 13:
            if (y2 < 690) y2++;
            break;
        case 14:
            r3 = true;
            break;
        case 15:
            if (y3 < 690) y3++;
            break;
        case 16:
            r4 = true;
            break;
        case 17:
            if (y4 < 690) y4++;
            break;
        case 18:
            r5 = true;
            break;
        case 19:
            if (y5 < 690) y5++;
            break;
        case 20:
            r6 = true;
            break;
        case 21:
            if (y6 < 690) y6++;
            break;
        case 22:
            r7 = true;
            break;
        case 23:
            if (y7 < 690) y7++;
            break;
        case 24:
            r8 = true;
            break;
        case 25:
            if (y8 < 690) y8++;
            break;
        case 26:
            r9 = true;
            break;
        case 27:
            if (y9 < 690) y9++;
            break;
        case 28:
            r10 = true;
            break;
        case 29:
            if (y10 < 690) y10++;
            break;
        case 30:
            r11 = true;
            break;
        case 31:
            if (y11 < 690) y11++;
            break;
        case 32:
            r12 = true;
            break;
        case 33:
            if (y12 < 690) y12++;
            break;
        case 34:
            r13 = true;
            break;
        case 35:
            if (y13 < 690) y13++;
            break;
        case 36:
            r14 = true;
            break;
        case 37:
            if (y14 < 690) y14++;
            break;
        case 38:
            r15 = true;
            break;
        case 39:
            if (y15 < 690) y15++;
            break;
        case 40:
            r16 = true;
            break;
        case 41:
            if (y16 < 690) y16++;
            break;
        case 42:
            r17 = true;
            break;
        case 43:
            if (y17 < 690) y17++;
            break;
        case 44:
            r18 = true;
            break;
        case 45:
            if (y18 < 690) y18++;
            break;
        case 46:
            r19 = true;
            break;
        case 47:
            if (y19 < 690) y19++;
            break;
        case 48:
            r20 = true;
            break;
        case 49:
            if (y20 < 690) y20++;
            break;
        case 50:
            r21 = true;
            break;
        case 51:
            if (y21 < 690) y21++;
            break;
        case 52:
            r22 = true;
            break;
        case 53:
            if (y22 < 690) y22++;
            break;
        case 54:
            r23 = true;
            break;
        case 55:
            if (y23 < 690) y23++;
            break;
        case 56:
            r24 = true;
            break;
        case 57:
            if (y24 < 690) y24++;
            break;
        case 58:
            break;
        case 59:
            r1 = false;
            r2 = false;
            r3 = false;
            r4 = false;
            r5 = false;
            r6 = false;
            r7 = false;
            r8 = false;
            r9 = false;
            r10 = false;
            r11 = false;
            r12 = false;
            r13 = false;
            r14 = false;
            r15 = false;
            r16 = false;
            r17 = false;
            r18 = false;
            r19 = false;
            r20 = false;
            r21 = false;
            r22 = false;
            r23 = false;
            r24 = false;
            break;
        case 60:
            t1 = true;
            break;
        case 61:
            t2 = true;
            break;
        case 62:
            t3 = true;
            break;
        case 63:
            t4 = true;
            break;
        case 64:
            t5 = true;
            break;
        case 65:
            t6 = true;
            break;
        case 66:
            t7 = true;
            break;
        case 67:
            t8 = true;
            break;
        case 68:
            t9 = true;
            break;
        case 69:
            t10 = true;
            break;
        case 70:
            t1 = false;
            t2 = false;
            t3 = false;
            t4 = false;
            t5 = false;
            t6 = false;
            t7 = false;
            t8 = false;
            t9 = false;
            t10 = false;
            break;
        case 71:
            t = true;
            break;
        case 72:
            t = false;
            break;
        case 73:
            s1 = true;
            break;
        case 74:
            s2 = true;
            break;
        case 75:
            s3 = true;
            break;
        case 76:
            s1 = false;
            s2 = false;
            s3 = false;
            break;
        case 77:
            l1 = true;
            break;
        case 78:
            l2 = true;
            break;
        case 79:
            l3 = true;
            break;
    }
    requestAnimationFrame(enterFrame);
}
requestAnimationFrame(enterFrame);



